•

NaN / NaN
Back
BD
Search with your voice
Settings
Sign in
BD

Home
Shorts
Subscriptions

Library
History
Sign in to like videos, comment, and subscribe.
Sign in

Explore

Trending
Music
Gaming
Sports

Browse channels

More from YouTube

YouTube Kids

Settings
Report history
Help
Send feedback
AboutPressCopyrightContact usCreatorsAdvertiseDevelopers
TermsPrivacyPolicy & SafetyHow YouTube worksTest new features
© 2023 Google LLC
Home
Home
Shorts
Shorts
Subscriptions
Subscriptions
Library
Library
History
History
Previous
All Dubbing Live Comedy Bangladesh national cricket team Music Thrillers Arijit Singh Bollywood Music Animated films Romantic comedies Humans Gadgets Electronic Music Recently uploaded
Next
4:05 Now playing

জাহাঙ্গীরনগর বিশ্ববিদ্যালয়ে এবার জঙ্গলে নিয়ে র‍্যাগিং | Jahangirnagar University | Kalbela

Kalbela News
Kalbela News
•
•
18K views 4 days ago
1:51:37 Now playing

Vaathi (2023) New Released Hindi Dubbed Full Movie In 4K UHD | Dhanush, Samyuktha

RG Entertainment
RG Entertainment
Verified
•
•
845K views 17 hours ago
19:35 Now playing

Bangladesh vs Ireland Highlights || 1st ODI || Ireland tour of Bangladesh 2023

Rabbitholebd Sports
Rabbitholebd Sports
Verified
•
•
2.2M views 1 day ago
22:03 Now playing

আগামী বছর আমার বিয়ে হচ্ছে: রাফসান | Iftekhar Rafsan | Rafsan TheChotoBhai | Somoy TV

Somoy Entertainment
Somoy Entertainment
Verified
•
•
349K views 14 hours ago
13:34 Now playing

‘অপু বিশ্বাসকে দিয়ে রহমত উল্লাহ একবার আমার সাথে ছবি তুলেছে’ | Sakib Khan | FDC | Jamuna TV

Jamuna TV
Jamuna TV
Verified
•
•
231K views 13 hours ago
2:21:59 Now playing

Robot 3.0 Full Movie HD | Rajnikant | Katrina Kaif | Shankar | 2023 | Full Sci-Fi Movie in Hindi |

SSDN Dubbed Movies
SSDN Dubbed Movies
•
•
9.3M views 5 days ago
22:34 Now playing

ফিরলো খোকা ঘরে | Gopal Bhar | Episode - 933

Sony AATH
Sony AATH
Verified
•
•
129K views 18 hours ago
7:29 Now playing

গরিবের আইফোন 14 Pro Max ! Xiaomi 13 lite | Unboxing

SamZone
SamZone
Verified
•
•
446K views 5 days ago

Shorts

🍓🍒🥝🫐🍇🫒🍅🥦🍈🍍 | Anya #asmr #shorts

•
•
19M views

This dad found what he lost 25 years ago ❤️

•
•
4.6M views

Neymar vs Japan ✨🖤 #neymar#brazil#paquetá#soccer#futbol

•
•
4.9M views

Hey one in a million love😻😻😻😻#pets #cats #puppy #dog

•
•
63M views

Womens VS CR7,Messi,Neymar | #football #goat #ronaldo #messi #neymar | K.M.R

•
•
8M views

ANIMALS THAT ASKED PEOPLE FOR HELP 4K 🥹 #caughtoncamera #animals #shorts

•
•
52M views

Girls Reaction🤩 Boys Next Level Entry 🔥| boys attitude 😎| Attitude status #shorts #viral #shortvideo

•
•
14M views

क्रूरता😭नंदी महाराज को भाला मार दिया😥#shorts

•
•
42M views

KitKat shake in making | Gurgaon | #shorts #kitkatshake #kitkat #drink

•
•
8.1M views

#choose #upordown #shorts #shanayagifts

•
•
58M views

Harley Davidson | Harley131

•
•
43M views

Women Football Funny Reactions #shorts #footballshorts

•
•
32M views
Show more
7:27 Now playing

পৃথিবীর ইতিহাসের সবথেকে ভয়ঙ্কর ঘটনা ! যখন ৩৪০০০ ফিট উপরে সব মানুষ একে একে লাশে পরিনত হলো !

মায়াজাল
মায়াজাল
Verified
•
•
20M views 1 year ago
4:42 Now playing

Se Ki Jane Lyrics (সে কি জানে) Tanveer Evan | @TanveerEvan @RazDee @PiranKhan

BANGLA LYRICS
BANGLA LYRICS
•
•
1M views 1 month ago
58:15 Now playing

মাহে রমজান থেকেই ১০টি অভ্যাস ত্যাগ করুন । আপনার জীবন বদলে যাবে। Mizanur rahman azhari

Rose Tv24
Rose Tv24
Verified
•
•
7.9M views 2 years ago
21:38 Now playing

Tom & Jerry | Tom & Jerry in Full Screen | Classic Cartoon Compilation | WB Kids

WB Kids
WB Kids
Verified
•
•
353M views 1 year ago

Trending

46:28 Now playing

Bou Bojhena | বউ বোঝেনা | Bangla Natok | Tawsif Mahbub | Keya Payel | New Bangla Natok 2023

CMV
CMV
Verified
•
•
816K views 18 hours ago
1:28:44 Now playing

Bhalobasar Tin Din | Full Natok | Jovan | Porshi | Mohidul Mohim | Bangla Natok 2023

Sultan Entertainment
Sultan Entertainment
Verified
•
•
2.2M views 2 days ago
12:31 Now playing

Dui Vaiyer Vagavagi | দুই ভাইয়ের ভাগাবাগি | Dildar | Amjad | Shabnur | Prem | Comedy Scene

EYE Vision
EYE Vision
Verified
•
•
2.1M views 7 days ago
40:07 Now playing

ভিলেজ গার্ল | Prank King | Miraz khan | Arohi Mim | Rakib Mirzya | Bangla new natok 2023

My Sound
My Sound
Verified
•
•
2.8M views 2 weeks ago
4:00 Now playing

এশিয়ার সবচেয়ে পরিচ্ছন্ন শহর রাজশাহী | Rajshahi | Ekattor TV

Ekattor TV
Ekattor TV
Verified
•
•
1.2M views 23 hours ago
37:30 Now playing

চলোনা ভালোবাসি | Prank King | Miraz Khan | Arohi Mim | Mamun Ar Rashid | Bangla New Natok 2023

Suranjoli
Suranjoli
Verified
•
•
1.5M views 3 days ago
43:21 Now playing

Hawa | Full Drama | Mishu Sabbir | Tasnuva Tisha | Sharaf Ahmed Zibon | New Natok 2023

Club 11 Entertainment
Club 11 Entertainment
Verified
•
•
2M views 10 days ago
42:23 Now playing

ফাইন্ডিং ফ্যামিলি | Finding Family | Musfiq R. Farhan | Keya Payel | Bangla New Natok 2023

LBC Entertainment
LBC Entertainment
Verified
•
•
3.2M views 3 days ago
37:18 Now playing

টুইন বউ | Jomoj Bou | Tamim Khandakar | Kamrun Nahar Hashi | Mamun Ar Rashid | Bangla New Natok 2023

VisualScene ENTERTAINMENT
VisualScene ENTERTAINMENT
Verified
•
•
398K views 1 day ago
4:41 Now playing

Nahubo | Coke Studio Bangla | Season 2 | Animes X Daughter of Coastal

Coke Studio Bangla
Coke Studio Bangla
Verified
•
•
1.1M views 1 day ago
48:45 Now playing

Matal Jamai | মাতাল জামাই | Akhomo Hasan | Mihi Ahsan | Monira Akter Mithu | Bangla New Natok 2023

CD CHOICE EXPRESS
CD CHOICE EXPRESS
•
•
997K views 6 days ago
47:11 Now playing

Biyer Trouble | বিয়ের ট্রাবল | Shamim Hasan Sarkar | Ahona Rahman | Mohin Khan | Bangla Natok 2023

CINEMAWALA
CINEMAWALA
Verified
•
•
1.8M views 4 days ago
Show more
1:47:15 Now playing

Surah Ar Rahman (سورة الرحمن) - Emotional Quran Recitation | Islamic Voice Only

Islamic Voice ONLY
Islamic Voice ONLY
•
•
7.9M views Streamed 5 months ago
24:37 Now playing

NON STOP LOVE MASHUP 2023 || SLOWED+REVERB || LOFI WITH ME

LOFI WITH ME
LOFI WITH ME
•
•
2.2M views 1 month ago
12:58 Now playing

10 DAYS । ১০ দিন । Samima Sraboni । Yamin । Kazi Faisal

Samima Sraboni
Samima Sraboni
Verified
•
•
4.6M views 7 days ago
Now playing

SOMOY TV LIVE | সময় টিভি লাইভ | সরাসরি সময় টিভি | LIVE TV | SOMOY TV LIVE STREAMING |BANGLA TV LIVE

SOMOY TV
SOMOY TV
Verified
•
•
2.7K watching
LIVE
48:42 Now playing

এই ১৩ শ্রেণীর লোকের মধ্যে আপনি যদি থাকেন আপনার রোজা ও কোন আমল কিছুই কবুল হবেনা। Sheikh Ahmadullah

R I Media
R I Media
Verified
•
•
207K views 11 days ago
43:11 Now playing

Jamai Shoshur 420 | Full Natok | জামাই শ্বশুর ৪২০ | Niloy Alamgir | Mitil | Bangla New Natok 2023

Niloy Alamgir
Niloy Alamgir
Verified
•
•
3.3M views 3 weeks ago
20:17 Now playing

100 Days Building A Modern Underground Hut With A Grass Roof And A Swimming Pool

Mr.Heang Update
Mr.Heang Update
Verified
•
•
498M views 10 months ago
6:26 Now playing

Ladki Badi Anjani Hai - Shahrukh Khan, Kajol | Alka Yagnik, Kumar Sanu | 90s Songs

Music Fever
Music Fever
Official Artist Channel
•
•
1.9M views 10 days ago
Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
If playback doesn't begin shortly, try restarting your device.
5 seconds
Pull up for precise seeking
Edit User, Image Upload
Full screen (f)
27:05
You're signed out
Videos you watch may be added to the TV's watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.
Up next
Live
Upcoming
Play Now
Code With Antonio
SUBSCRIBE
SUBSCRIBED
My name is Antonio and I am a software engineer with over 7 years of experience. I have always been fascinated by the world of programming, and I consider myself lucky to have found a career that aligns with my passions. Throughout my career, I have had the opportunity to work with a variety of programming languages and technologies, which has allowed me to grow and develop as a programmer. While I have gained a considerable amount of knowledge and experience, I am always eager to continue learning and improving. I created "Code With Antonio" with the intention of sharing my love for programming and helping others to learn and grow in the field. My hope is that my tutorials and insights will be useful to others and that I can contribute to the programming community in a positive way. Thank you for considering my channel, and I hope that you find value in the content that I provide.
Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
4:13:20
Switch camera
Share
An error occurred while retrieving sharing information. Please try again later.
Annotations
Playback speed
Normal
Subtitles/CC (1)
Off
Quality
1080p60 HD
43:29
43:35 / 4:33:24•Watch full video
New!
Watch ads now so you can enjoy fewer interruptions
Got it
Keyboard shortcuts 🗗
Loop Video 🗗

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:02

Environment setup

2:02

Layout

Layout

6:41

Layout

6:41

Auth UI

Auth UI

31:00

Auth UI

31:00

Prisma, Mongo, NextAuth

Prisma, Mongo, NextAuth

1:05:59

Prisma, Mongo, NextAuth

1:05:59

Users and Individual User Profile

Users and Individual User Profile

1:49:35

Users and Individual User Profile

1:49:35

Edit User, Image Upload

Edit User, Image Upload

2:25:36

Edit User, Image Upload

2:25:36

Load & Create Posts

Load & Create Posts

2:47:45

Load & Create Posts

2:47:45

Like & Follow Functionality

Like & Follow Functionality

3:23:19

Like & Follow Functionality

3:23:19

Comments

Comments

3:56:48

Comments

3:56:48

Notifications

Notifications

4:12:20

Notifications

4:12:20
Sync to video time

Description

Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
Code With Antonio
Code With Antonio
765 Likes
9,589 Views
Mar 11 2023
Discord for any problems/errors/bugs: https://discord.gg/SPEBvAz4Vd Github Repository: https://github.com/AntonioErdeljac/tw... In this tutorial, we'll be building a Twitter clone with React, Tailwind CSS, Next.JS, Prisma and MongoDB. We'll also be deploying it to Vercel! This is a great video for anyone who wants to learn how to build a fullstack web application from scratch. We are going to learn funcionalities such as: - Authentication system - Notification system - Image Upload using Base64 strings - Prisma ORM with MongoDB - Responsive Layout - 1 To Many Relations (User - Post) - Many To Many Relations (Post - Comment) - Following functionality - Comments / Replies - Likes functionality - Vercel Deployment Timestamps 00:00 Intro 02:02 Environment setup 06:41 Layout 31:00 Auth UI 01:05:59 Prisma, Mongo, NextAuth 01:49:35 Users and Individual User Profile 02:25:36 Edit User, Image Upload 02:47:45 Load & Create Posts 03:23:19 Like & Follow Functionality 03:56:48 Comments 04:12:20 Notifications 04:30:68 Vercel Deployment
Show less Show more

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:02

Environment setup

2:02

Layout

Layout

6:41

Layout

6:41

Auth UI

Auth UI

31:00

Auth UI

31:00

Comments 108

Top comments
Newest first

Transcript

NaN / NaN

Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

9,589 views Mar 11, 2023
Code With Antonio
Code With Antonio
5.7K subscribers
I like this
I dislike this
Share
Download
Save
9,589 views Mar 11, 2023
9,589 views • Mar 11, 2023
Discord for any problems/errors/bugs: https://discord.gg/SPEBvAz4Vd Github Repository: https://github.com/AntonioErdeljac/tw... In this tutorial, we'll be building a Twitter clone with React, Tailwind CSS, Next.JS, Prisma and MongoDB. We'll also be deploying it to Vercel! This is a great video for anyone who wants to learn how to build a fullstack web application from scratch. We are going to learn funcionalities such as: - Authentication system - Notification system - Image Upload using Base64 strings - Prisma ORM with MongoDB - Responsive Layout - 1 To Many Relations (User - Post) - Many To Many Relations (Post - Comment) - Following functionality - Comments / Replies - Likes functionality - Vercel Deployment Timestamps 00:00 Intro 02:02 Environment setup 06:41 Layout 31:00 Auth UI 01:05:59 Prisma, Mongo, NextAuth 01:49:35 Users and Individual User Profile 02:25:36 Edit User, Image Upload 02:47:45 Load & Create Posts 03:23:19 Like & Follow Functionality 03:56:48 Comments 04:12:20 Notifications 04:30:68 Vercel Deployment
Discord for any problems/errors/bugs: https://discord.gg/SPEBvAz4Vd Github Repository: https://github.com/AntonioErdeljac/tw...  …Show more
Show more

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:02

Environment setup

2:02

Layout

Layout

6:41

Layout

6:41

Auth UI

Auth UI

31:00

Auth UI

31:00

Prisma, Mongo, NextAuth

Prisma, Mongo, NextAuth

1:05:59

Prisma, Mongo, NextAuth

1:05:59

Users and Individual User Profile

Users and Individual User Profile

1:49:35

Users and Individual User Profile

1:49:35

Edit User, Image Upload

Edit User, Image Upload

2:25:36

Edit User, Image Upload

2:25:36

Load & Create Posts

Load & Create Posts

2:47:45

Load & Create Posts

2:47:45
Show less
Comments
108
It would be great if you could zoom in inside your editor (especially given that there's a lot of whitespace). You're using split screen for the entirety of the video, which is great, but if I use the split screen on my monitor to have my editor on the left and your video on the right, it's difficult to read your code (because now my editor is 50% of the screen, your editor is 25%, and your browser is 25%).
100%

Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

9,589 views9.5K views
Mar 11, 2023
I like this
I dislike this
Share
Download
Save
Code With Antonio
Code With Antonio
5.7K subscribers
Discord for any problems/errors/bugs: https://discord.gg/SPEBvAz4Vd Github Repository: https://github.com/AntonioErdeljac/tw... In this tutorial, we'll be building a Twitter clone with React, Tailwind CSS, Next.JS, Prisma and MongoDB. We'll also be deploying it to Vercel! This is a great video for anyone who wants to learn how to build a fullstack web application from scratch. We are going to learn funcionalities such as: - Authentication system - Notification system - Image Upload using Base64 strings - Prisma ORM with MongoDB - Responsive Layout - 1 To Many Relations (User - Post) - Many To Many Relations (Post - Comment) - Following functionality - Comments / Replies - Likes functionality - Vercel Deployment Timestamps 00:00 Intro 02:02 Environment setup 06:41 Layout 31:00 Auth UI 01:05:59 Prisma, Mongo, NextAuth 01:49:35 Users and Individual User Profile 02:25:36 Edit User, Image Upload 02:47:45 Load & Create Posts 03:23:19 Like & Follow Functionality 03:56:48 Comments 04:12:20 Notifications 04:30:68 Vercel Deployment

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:02

Environment setup

2:02

Layout

Layout

6:41

Layout

6:41

Auth UI

Auth UI

31:00

Auth UI

31:00
Show less Show more
3:33:51 Now playing

Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)

JavaScript Mastery
JavaScript Mastery
Verified
•
•
460K views 3 months ago
4:13:20 Now playing

Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

Code With Antonio
Code With Antonio
•
•
102K views 3 weeks ago
1:48:38 Now playing

The Best Docker Setup for Devs in Windows 11 (Ep 204)

Bret Fisher Docker and DevOps
Bret Fisher Docker and DevOps
•
•
36K views Streamed 3 weeks ago
1:47:15 Now playing

Surah Ar Rahman (سورة الرحمن) - Emotional Quran Recitation | Islamic Voice Only

Islamic Voice ONLY
Islamic Voice ONLY
•
•
7.9M views Streamed 5 months ago
49:47 Now playing

The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication

Code With Antonio
Code With Antonio
•
•
9.5K views 1 month ago
1:36:02 Now playing

Learn Kubernetes through Contributing to Open Source (Ep 206)

Bret Fisher Docker and DevOps
Bret Fisher Docker and DevOps
•
•
5.5K views Streamed 10 days ago
34:20 Now playing

Metasploit

David Bombal
David Bombal
Verified
•
•
189K views 1 year ago
4:06:33 Now playing

Realtime Chat App with NextJS, GraphQL, NodeJS, MongoDB, Prisma, TypeScript (iMessage Clone) 💬🔥 | P1

Shadee Merhi
Shadee Merhi
•
•
24K views 5 months ago
1:01:15 Now playing

Crash Course - সহজ বাংলায় Git & GitHub - Bangla ( বাংলা ) Tutorial

Learn with Sumit - LWS - Bangladesh
Learn with Sumit - LWS - Bangladesh
•
•
191K views 2 years ago
7:08:02 Now playing

Next JS blog using Typescript and Strapi headless CMS 🔥🔥🚀 ( Hindi )

Coder's Gyan
Coder's Gyan
•
•
34K views 7 months ago
23:12 Now playing

Sam Selikoff: Improving developer and user experience with nested layouts in Next.js

Vercel
Vercel
•
•
41K views 4 months ago
44 Now playing

React.js Real-World Projects

Lama Dev
Lama Dev
Verified
•
•
2:46:15 Now playing

Cloud Native DevOps: Live Q&A (Ep 201)

Bret Fisher Docker and DevOps
Bret Fisher Docker and DevOps
•
•
47K views Streamed 1 month ago
59:25 Now playing

Learn Prisma In 60 Minutes

Web Dev Simplified
Web Dev Simplified
Verified
•
•
145K views 8 months ago
1:53:04 Now playing

Super Khiladi 4 (Nenu Local) Hindi Dubbed Full Movie | Nani, Keerthy Suresh, Naveen Chandra

Goldmines
Goldmines
Verified
•
•
141M views 4 years ago
1:43:12 Now playing

Docker What's New 2022 (Year In Review): DevOps and Docker Live Show (Ep 193)

Bret Fisher Docker and DevOps
Bret Fisher Docker and DevOps
•
•
81K views Streamed 3 months ago
27:05 Now playing

State Management for NextJS 13 Server and Client Components

Jack Herrington
Jack Herrington
Verified
•
•
19K views 4 days ago
New
8:15:44 Now playing

Advance Django Course | E-Commerce Shoping Cart | Paytm Integration & 100%Authentication

ARK PRO CODER
ARK PRO CODER
•
•
12K views 3 months ago
6:43:22 Now playing

🟥 Fully Functional YouTube Clone | React | Redux | Firebase | YouTube API |

Backbench Coder
Backbench Coder
•
•
81K views 2 years ago
2:13:39 Now playing

HTML5 Crash Course Bangla | HTML Tutorial for Beginners

Procoder BD
Procoder BD
Verified
•
•
18K views 3 months ago

108 Comments

Sort comments
Sort by
Top comments
Newest first
Default profile photo
Add a comment...
Code With Antonio
Pinned by Code With Antonio

Code With Antonio

Code With Antonio
Code With Antonio
9 days ago
If you get stuck on any part of the tutorial, feel free to pop the question in the Discord channel where I will gladly help you! https://discord.gg/SPEBvAz4Vd
Show less Read more
8
Like
8
Dislike
Reply
THEGR8RON

THEGR8RON

4 days ago
Great work! I'd love to see a full stack tutorial for e.g. a food delivery website or any website (like a stylist shop with an appointment system) with the additional administration backend, so for instance that the shop owner can modify the reservation, cancel, confirm etc. :) Keep up with the great work and effort. I'm sure you'll reach 100K subscribers within three months.
Show less Read more
4
Like
4
Dislike
❤ by Code With Antonio
Reply
Code With Antonio
·
·
Andrew Tsegaye

Andrew Tsegaye

9 days ago
Wow, I must say that I am thoroughly impressed by your ambitious goal of reaching one million subscribers within the next two months! Your unwavering dedication and hard work are truly inspiring, and it is an honor to be a part of your journey. Your content is top-notch, and I believe that your unique approach and passion for what you do set you apart from others in the industry. Keep up the fantastic work, and I have no doubt that you will achieve your goal and much more!
Show less Read more
8
Like
8
Dislike
❤ by Code With Antonio
Reply
·
·

adrivent kze

6 days ago
It would be great if you could zoom in inside your editor (especially given that there's a lot of whitespace). You're using split screen for the entirety of the video, which is great, but if I use the split screen on my monitor to have my editor on the left and your video on the right, it's difficult to read your code (because now my editor is 50% of the screen, your editor is 25%, and your browser is 25%).
Show less Read more
4
Like
4
Dislike
❤ by Code With Antonio
Reply
·
·

Buhuti Manakal

3 days ago
I love these kinds of tutorials. Thank you for sharing your knowledge Antonio❤
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Rifat Alom

1 day ago (edited)
Thank you very much for this great one, not only coding its help me also for english fluency. From today I became your fan and a student also. Please make an ecommerce full project also with admin area. Thanks again Sir!!
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Jessica Sampaio-Herlitz

7 days ago
Hi! Could you make projects using SQL, node, React, TS, GraphQL and GIT? Thank you! ❤️
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Mario Perez

1 day ago
Honestly keep it up because you cant imagine how this videos help us
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Raymond Michael

14 hours ago
😮😮 You did such a great job buddy, Congrats, how to use trpc into this? I like how organized your file structure is
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Anchit Sinha

8 days ago
Would be great if you could make a video on creating an ecommerce app using nextjs, typescript, tailwind css and stripe api
Show less Read more
3
Like
3
Dislike
❤ by Code With Antonio
Reply
·
·

Sarser Ian John

3 days ago
Hey Antonio ..great work on this project ...what do you think is the tech stack WeChat (including APIs and SDKs) uses but more importantly....how do they make the app modular so that third party businesses can make modular mini-apps onto the WeChat platform?
Show less Read more
1
Like
1
Dislike
❤ by Code With Antonio
Reply
·
·

Minty

7 days ago
Awesome tutorials! Never subscribed to anyone quicker! Any chance to see something with a CMS like Strapi or an e-commerce fullstack with Stripe? <3
Show less Read more
3
Like
3
Dislike
❤ by Code With Antonio
Reply
·
·

Swartex

2 days ago
Great submission of material! and you explain well
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Gameskyk

5 days ago
Very very cool channel. I learn a lot with your video. Continue,you have all my support !
Show less Read more
1
Like
1
Dislike
❤ by Code With Antonio
Reply
·
·

naoueji khalil

9 days ago
Another amazing project ❤keep going
Show less Read more
3
Like
3
Dislike
❤ by Code With Antonio
Reply
·
·

Razibul Hossen

9 days ago
Another amazing project ❤️
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Anuj

9 days ago
Thankyou for providing such a great content!
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Eyüp Koç

8 days ago
Would it be better in terms of performance if Nodejs is used for the backend? Will you create a project using app directory? Thank you
Show less Read more
2
Like
2
Dislike
❤ by Code With Antonio
Reply
·
·

Prashant

7 days ago
Hey Antony i am struggling in Next Framework can you please make a tutorial on Next js if you have some time please do consider it. Thank you for sharing knowledge for free.
Show less Read more
1
Like
1
Dislike
❤ by Code With Antonio
Reply
·
·

None

8 days ago
Thanks for your video. But, I have a suggestion to upload the image that's using the Cloudinary instead of base 64. And, is it call the server side rendering project bro ?
Show less Read more
1
Like
1
Dislike
❤ by Code With Antonio
Reply
·
·
Open search filters
57:57 Now playing

Next.js 13 Crash Course | Learn How To Build Full Stack Apps!

developedbyed
developedbyed
•
•
110K views 1 month ago
developedbyed
developedbyed
In today's episode we are going to start off a series where we are going to build loads of stuff with Next.js. I am going to give you a ... In today's episode we are going to start off a series where we are going to build loads of stuff with Next.js. I am going to give you a ...
From the video description
4K
13:08 Now playing

How to Create a PWA With Next.js in 10 Minutes

James Q Quick
James Q Quick
Verified
•
•
66K views 1 year ago
James Q Quick
James Q Quick
Verified
You can create a PWA with Next.js in just a few minutes! PWAs (Progressive Web Apps) are like hybrid applications that run in the ... You can create a PWA with Next.js in just a few minutes! PWAs (Progressive Web Apps) are like hybrid applications that run in the ...
From the video description
0:00 Let's talk about building pwas or progressive web apps with next js. What's up everyone if you're new to the channel my name is ... Let's talk about building pwas or progressive web apps with next js. What's up everyone if you're new to the channel my name is ...
Automatic captions
5:24:01 Now playing

Master NextJS 13: Build and Deploy a Modern Full-Stack App in Just 5 Hours!

Josh tried coding
Josh tried coding
•
•
37K views 10 days ago
Josh tried coding
Josh tried coding
In this free NextJS 13 course, we're building a complete full-stack API service website together. I chose this topic because it allows ... In this free NextJS 13 course, we're building a complete full-stack API service website together. I chose this topic because it allows ...
From the video description
What you'll learn & demo | Laying the app foundation | Creating important reusable components | Creating a navbar with light /dark toggle | Summary: What have we done so far! | Styling the homepage | Creating the documentation page | Summary: What we have done so far! | Implementing authentication | Creating the database models & finishing auth | Creating an API route to create API keys | Dashboard: Implementing the Table | Summary: What we have done so far! | Finishing the Dashboard | Creating an API route to revoke API keys | Implementing the similarity API endpoint | Protecting sensitive routes | Rate limiting our API | Creating a Login page | Summary: We're done! | Deployment | Final similarity endpoint test | Conclusion: Good work!
23 chapters in this video
23 chapters

What you'll learn & demo

What you'll learn & demo

0:00

What you'll learn & demo

0:00

Laying the app foundation

Laying the app foundation

4:26

Laying the app foundation

4:26

Creating important reusable components

Creating important reusable components

16:07

Creating important reusable components

16:07

Creating a navbar with light /dark toggle

Creating a navbar with light /dark toggle

42:28

Creating a navbar with light /dark toggle

42:28

Summary: What have we done so far!

Summary: What have we done so far!

1:24:13

Summary: What have we done so far!

1:24:13

Styling the homepage

Styling the homepage

1:29:12

Styling the homepage

1:29:12

Creating the documentation page

Creating the documentation page

1:34:37

Creating the documentation page

1:34:37
79 Now playing

Next.js Tutorial for Beginners

Codevolution
Codevolution
Verified
•
•
  • Next.js Tutorial - 1 - Introduction
    6:46
  • Next.js Tutorial - 2 - Hello World
    3:28
View full playlist
4:47:37 Now playing

Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

freeCodeCamp.org
freeCodeCamp.org
Verified
•
•
368K views 3 months ago
freeCodeCamp.org
freeCodeCamp.org
Verified
In this Next.js course for beginners, you will learn how to build a full-stack App from scratch. We'll also learn how to deploy the App ... In this Next.js course for beginners, you will learn how to build a full-stack App from scratch. We'll also learn how to deploy the App ...
From the video description
Intro: Showcase App | Summary of the content of the video | Prerequisites for this video. | What is Next.js | Main Feature: Server-Side Rendering | Create a new Next.js Project | Analyse the Final App we are going to build | Next.js Files Structure | Next.js Pages & Build the pages | Data Fetching | Build the Components - UI (user Interface) | Add CSS - Styles | API Routing in Next.js | Deploy the APP in Vercel | Suggestions to improve the App
15 chapters in this video
15 chapters

Intro: Showcase App

Intro: Showcase App

0:00

Intro: Showcase App

0:00

Summary of the content of the video

Summary of the content of the video

2:07

Summary of the content of the video

2:07

Prerequisites for this video.

Prerequisites for this video.

2:40

Prerequisites for this video.

2:40

What is Next.js

What is Next.js

3:18

What is Next.js

3:18

Main Feature: Server-Side Rendering

Main Feature: Server-Side Rendering

4:38

Main Feature: Server-Side Rendering

4:38

Create a new Next.js Project

Create a new Next.js Project

9:03

Create a new Next.js Project

9:03

Analyse the Final App we are going to build

Analyse the Final App we are going to build

17:56

Analyse the Final App we are going to build

17:56
79 Now playing

Next.js Tutorials for Beginners in Hindi

CodeWithHarry
CodeWithHarry
Verified
•
•
  • Introduction to Next.js | NextJs Tutorial for Beginners #1
    8:31
  • Our first Next.js website | NextJs Tutorial for Beginners #2
    21:04
View full playlist
8 Now playing

Master Next JS by Building Real Projects

JavaScript Mastery
JavaScript Mastery
Verified
•
•
  • Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from Scratch
    58:54
  • Shopify ECommerce Store with React & Next JS | BuilderIO
    46:13
View full playlist
14 Now playing

Next.js Tutorial for Beginners

The Net Ninja
The Net Ninja
Verified
•
•
  • Next.js Tutorial #1 - Introduction & Setup
    8:43
  • Next.js Tutorial #2 - Pages & Routes
    5:03
View full playlist
9:00 Now playing

Next.js 13 - The Basics

Beyond Fireship
Beyond Fireship
•
•
299K views 4 months ago
Beyond Fireship
Beyond Fireship
Learn about all the new features in Next.js version 13 with a full tutorial. We build a beginner-friendly CRUD app from scratch ... Learn about all the new features in Next.js version 13 with a full tutorial. We build a beginner-friendly CRUD app from scratch ...
From the video description
4K

People also watched

35:00 Now playing

What is Server Side Rendering - Say hi to Next.js - Bangla ( বাংলা ) Tutorial

Learn with Sumit - LWS - Bangladesh
Learn with Sumit - LWS - Bangladesh
•
•
26K views 2 years ago
Learn with Sumit - LWS - Bangladesh
Learn with Sumit - LWS - Bangladesh
আপনাদের অনেকেই আমাকে বারবার request করেছেন, Server Side Rendering কি জিনিস সেটা ... আপনাদের অনেকেই আমাকে বারবার request করেছেন, Server Side Rendering কি জিনিস সেটা ...
From the video description
Intro | What is Rendering | Client Side Rendering | Pre-rendering | Static Site Generation | Server Side Rendering | Primitive Wrapper Type | Outro
8 chapters in this video
8 chapters

Intro

Intro

0:00

Intro

0:00

What is Rendering

What is Rendering

1:01

What is Rendering

1:01

Client Side Rendering

Client Side Rendering

2:15

Client Side Rendering

2:15

Pre-rendering

Pre-rendering

7:50

Pre-rendering

7:50

Static Site Generation

Static Site Generation

9:43

Static Site Generation

9:43

Server Side Rendering

Server Side Rendering

11:12

Server Side Rendering

11:12

Primitive Wrapper Type

Primitive Wrapper Type

29:33

Primitive Wrapper Type

29:33
21:58 Now playing

I built the same app 10 times // Which JS Framework is best?

Fireship
Fireship
Verified
•
•
1.9M views 1 year ago
Fireship
Fireship
Verified
#javascript #webdev #top10 Resources Full Courses https://fireship.io/courses/ Performance Benchmarks ... #javascript #webdev #top10 Resources Full Courses https://fireship.io/courses/ Performance Benchmarks ...
From the video description
4K
JavaScript Frameworks | 1. Vanilla | 2. React | 3. Angular | 4. Vue | 5. Svelte | 6. Lit | 7. Stencil | 8. Solid | 9. Alpine | 10. Mithril
11 chapters in this video
11 chapters

JavaScript Frameworks

JavaScript Frameworks

0:00

JavaScript Frameworks

0:00

1. Vanilla

1. Vanilla

0:53

1. Vanilla

0:53

2. React

2. React

4:21

2. React

4:21

3. Angular

3. Angular

7:48

3. Angular

7:48

4. Vue

4. Vue

10:15

4. Vue

10:15

5. Svelte

5. Svelte

12:18

5. Svelte

12:18

6. Lit

6. Lit

14:16

6. Lit

14:16
10:22 Now playing

Stop Using Create React App

Web Dev Simplified
Web Dev Simplified
Verified
•
•
261K views 3 months ago
Web Dev Simplified
Web Dev Simplified
Verified
Create React App is an incredible tool that made it easy to setup and work with React, but as the years have gone by CRA has ... Create React App is an incredible tool that made it easy to setup and work with React, but as the years have gone by CRA has ...
From the video description
Next.js
6 chapters in this video
6 chapters

Introduction

Introduction

0:00

Introduction

0:00

CRA Cons

CRA Cons

0:27

CRA Cons

0:27

Vite

Vite

1:14

Vite

1:14

Astro/Gatsby

Astro/Gatsby

2:27

Astro/Gatsby

2:27

Next.js

Next.js

4:43

Next.js

4:43

Full Stack Frameworks

Full Stack Frameworks

6:54

Full Stack Frameworks

6:54
6:56 Now playing

NextJs in 7 Minutes 🔥

CodeWithHarry
CodeWithHarry
Verified
•
•
166K views 1 year ago
CodeWithHarry
CodeWithHarry
Verified
NextJs tutorial: In this nextjs introductory video, I will walk you through what next js is about and why you might want to consider it ... NextJs tutorial: In this nextjs introductory video, I will walk you through what next js is about and why you might want to consider it ...
From the video description
CC
Why Big Companies Use NextJs
11 chapters in this video
11 chapters

Introduction

Introduction

0:00

Introduction

0:00

Why Big Companies Use NextJs

Why Big Companies Use NextJs

0:14

Why Big Companies Use NextJs

0:14

Downsides of React

Downsides of React

0:46

Downsides of React

0:46

NextJs Solves This Big Problem

NextJs Solves This Big Problem

1:39

NextJs Solves This Big Problem

1:39

Features of NextJS

Features of NextJS

2:06

Features of NextJS

2:06

First Feature

First Feature

2:10

First Feature

2:10

Second Feature

Second Feature

2:51

Second Feature

2:51
+6 more
1:09:45 Now playing

Next.js Crash Course

Traversy Media
Traversy Media
Verified
•
•
707K views 2 years ago
Traversy Media
Traversy Media
Verified
In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more Code: ... In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more Code: ...
From the video description
Getting Setup with create-next-app
20 chapters in this video
20 chapters

Intro & Slides

Intro & Slides

0:00

Intro & Slides

0:00

Getting Setup with create-next-app

Getting Setup with create-next-app

6:52

Getting Setup with create-next-app

6:52

Files & Folders

Files & Folders

8:23

Files & Folders

8:23

Pages & Routing

Pages & Routing

11:37

Pages & Routing

11:37

Head

Head

13:14

Head

13:14

Layouts & CSS Modules

Layouts & CSS Modules

16:05

Layouts & CSS Modules

16:05

Nav Component & Link

Nav Component & Link

20:56

Nav Component & Link

20:56
6:16 Now playing

Next.js 13… this changes everything

Fireship
Fireship
Verified
•
•
604K views 4 months ago
Fireship
Fireship
Verified
Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the ... Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the ...
From the video description
4K
11:52 Now playing

Next.js in 100 Seconds // Plus Full Beginner's Tutorial

Fireship
Fireship
Verified
•
•
753K views 2 years ago
Fireship
Fireship
Verified
#react #webdev #100SecondsOfCode Next.js Docs https://nextjs.org/ Source Code https://github.com/fireship-io/nextjs-basics ... #react #webdev #100SecondsOfCode Next.js Docs https://nextjs.org/ Source Code https://github.com/fireship-io/nextjs-basics ...
From the video description
4K
STATIC GENERATION | INCREMENTAL STATIC REGENERATION | DRAWBACKS | SERVER-SIDE RENDERING
4 auto-generated moments in this video
4 moments

STATIC GENERATION

STATIC GENERATION

1:18

STATIC GENERATION

1:18

INCREMENTAL STATIC REGENERATION

INCREMENTAL STATIC REGENERATION

2:06

INCREMENTAL STATIC REGENERATION

2:06

DRAWBACKS

DRAWBACKS

7:10

DRAWBACKS

7:10

SERVER-SIDE RENDERING

SERVER-SIDE RENDERING

10:32

SERVER-SIDE RENDERING

10:32
28:57 Now playing

Next.js For React Developers | Everything You Need To Know

CoderOne
CoderOne
•
•
42K views 11 months ago
CoderOne
CoderOne
I'm pretty sure many of you already heard and somehow knew about the greatest framework of the 21st century, Next.js! Next.js is ... I'm pretty sure many of you already heard and somehow knew about the greatest framework of the 21st century, Next.js! Next.js is ...
From the video description
4K
17:31:35 Now playing

NEXT.JS Crash Course for Beginners - Build 6 Apps in 17 Hours (SSR, Auth, Full-Stack + More) [2023]

Sonny Sangha
Sonny Sangha
Verified
•
•
265K views 1 year ago
Sonny Sangha
Sonny Sangha
Verified
🖥️ Join me as I clone 6 Apps using Next.JS: 1️⃣ MEDIUM with SanityCMS, GROQ, ISR & TypeScript 2️⃣ FACEBOOK with ... 🖥️ Join me as I clone 6 Apps using Next.JS: 1️⃣ MEDIUM with SanityCMS, GROQ, ISR & TypeScript 2️⃣ FACEBOOK with ...
From the video description
4K
Intro | Sanity Sponsorship | Build Showcase & Breakdown | Building the Header Component | Adding Sanity CMS | Adding Next.js SSR | Implementing the Posts Section | Linking Post Page | Building the Post Page | Adding Comments | Deployment | Final Demo | Break 1 | Build Showcase | Building the Header Component | Building the Header (Left Side) | Building the Header (Center) | Building the Header (Right Side) (1/2) | Adding NextAuth.js | Building the Login Component | Building the Header (Right Side) (2/2) | Building the Sidebar Component | Building the SidebarRow Component | Building the Feed Component | Building the Stories Component | Building the StoryCard Component | Building the InputBox Component (2/2) | Adding Cloud Firestore | Building the InputBox Component (2/2) | Building the Post(s) Component | Building the Widgets Component | Building the Contact Component | Adding SSR | Final Demo | Break 2 | Build Showcase & Breakdown | Building the Header Component | Building the Left Section of the Header | Building the Middle Section of the Header | Building the Right Section of the Header | Adding the Sticky Header | Building the Feed Component | Building the Stories Section (1/2) | Adding Faker.js | Building the Stories Section (2/2) | Building the Post(s) Component (1/2) | Building the Header Section | Building the Image Section | Building the Buttons Section | Building the Captions Section | Building the Input Box Section | Building the MiniProfile Component | Building the Suggestions Component | Explaining NextAuth Custom Page | Adding NextAuth (1/2) | Adding Firebase | Adding & Customising SignIn Page | Adding NextAuth (2/2) | Adding Recoil & Recoil Atoms | Building the Modal Component | Adding Firebase v9 | Building the Post(s) Component (2/2) | Beating the Hacker(s) | Adding Comment Functionality | Adding the Like Functionality | Deployment | Final Demo | Break 3 | Build Showcase | Adding Styled Components | Adding a chat.js Page | Building the Sidebar Component (1/3) | Adding Firebase & Firestore | Building the Sidebar Component (2/3) | Adding a login.js Page | Building the Loading Component | Building the Sidebar Component (3/3) | Building the Chat Component | Building the [id] Component | Building the ChatScreen Component (1/2) | Live Debugging | Building the Message Component | Building the ChatScreen Component (2/2) | Deployment | Final Demo | Check Pinned Comment for Hulu & Google Build Timestamps!
86 chapters in this video
86 chapters

Intro

Intro

0:00

Intro

0:00

Sanity Sponsorship

Sanity Sponsorship

1:21

Sanity Sponsorship

1:21

Build Showcase & Breakdown

Build Showcase & Breakdown

2:56

Build Showcase & Breakdown

2:56

Building the Header Component

Building the Header Component

19:32

Building the Header Component

19:32

Adding Sanity CMS

Adding Sanity CMS

36:20

Adding Sanity CMS

36:20

Adding Next.js SSR

Adding Next.js SSR

53:00

Adding Next.js SSR

53:00

Implementing the Posts Section

Implementing the Posts Section

1:06:39

Implementing the Posts Section

1:06:39
8:43 Now playing

Next.js Tutorial #1 - Introduction & Setup

The Net Ninja
The Net Ninja
Verified
•
•
268K views 2 years ago
The Net Ninja
The Net Ninja
Verified
Hey gang, in this Next.js tutorial series you'll learn how to create a website with Next (& React) - including pages, routes, layouts, ... Hey gang, in this Next.js tutorial series you'll learn how to create a website with Next (& React) - including pages, routes, layouts, ...
From the video description
What Is Next Js and Why
5 auto-generated moments in this video
5 moments

Support the Channel

Support the Channel

0:12

Support the Channel

0:12

What Is Next Js and Why

What Is Next Js and Why

0:38

What Is Next Js and Why

0:38

Client-Side Rendering

Client-Side Rendering

1:40

Client-Side Rendering

1:40

Creating a New Next Application

Creating a New Next Application

3:46

Creating a New Next Application

3:46

Folders and Files

Folders and Files

5:15

Folders and Files

5:15
3:14:17 Now playing

Next.js Crash Course for Beginners - Learn NextJS from Scratch in this 100% Free Tutorial!

Academind
Academind
Verified
•
•
563K views 1 year ago
Academind
Academind
Verified
Learn all about Next.js, React's most popular Production Framework! Get Started with NextJS and make build amazing websites ... Learn all about Next.js, React's most popular Production Framework! Get Started with NextJS and make build amazing websites ...
From the video description
2:55:22 Now when it comes to deploying next js apps there are different hosting providers you can use and there are different ways of ... Now when it comes to deploying next js apps there are different hosting providers you can use and there are different ways of ...
Automatic captions
31:13 Now playing

Building a Native Mobile App with Next.js and Capacitor

Simon Grimm
Simon Grimm
•
•
12K views 5 months ago
Simon Grimm
Simon Grimm
If you are using Next.js you can easily add Capacitor to your project and build a native mobile app from one code base! If you are using Next.js you can easily add Capacitor to your project and build a native mobile app from one code base!
From the video description
Introduction | About Capacitor | Next.js Project Setup | Adding Capacitor to Next.js Projects | Using Capacitor Plugins | Adding Ionic UI Components to Next.js | Outro
7 chapters in this video
7 chapters

Introduction

Introduction

0:00

Introduction

0:00

About Capacitor

About Capacitor

1:21

About Capacitor

1:21

Next.js Project Setup

Next.js Project Setup

3:26

Next.js Project Setup

3:26

Adding Capacitor to Next.js Projects

Adding Capacitor to Next.js Projects

6:32

Adding Capacitor to Next.js Projects

6:32

Using Capacitor Plugins

Using Capacitor Plugins

13:30

Using Capacitor Plugins

13:30

Adding Ionic UI Components to Next.js

Adding Ionic UI Components to Next.js

17:37

Adding Ionic UI Components to Next.js

17:37

Outro

Outro

29:36

Outro

29:36
4:50 Now playing

Deploy a Next JS Application - Easy

Code Commerce
Code Commerce
•
•
15K views 8 months ago
Code Commerce
Code Commerce
Deploy a static Next JS Application - Easy in under 5 minutes. Vercel is a great option to host your static next js application for ... Deploy a static Next JS Application - Easy in under 5 minutes. Vercel is a great option to host your static next js application for ...
From the video description
7:16 Now playing

How To Install Next Js & Setup Your First Project ✅

Rishav Chanda
Rishav Chanda
•
•
8.2K views 10 months ago
Rishav Chanda
Rishav Chanda
In this video, we will discuss 1. Next Js Installation and Setup 2. NodeJs and NPM Installation 3. Create-Next-App tool Installation ... In this video, we will discuss 1. Next Js Installation and Setup 2. NodeJs and NPM Installation 3. Create-Next-App tool Installation ...
From the video description

Shorts

Why Next js is so fast #shorts

•
•
53K views

😦 NextJS 13 does WHAT to your deploys?

•
•
7.6K views

Next.js 13's App Directory

•
•
4.4K views

NextJs in 30 seconds

•
•
4.7K views

ReactJS or NextJS

•
•
11K views

NextJS Explained in 30 Seconds

•
•
4.8K views
5:09:34 Now playing

Nextjs ECommerce Tutorial For Beginners 2022 [Next.js, MongoDB & Tailwind]

Coding with Basir
Coding with Basir
•
•
83K views 8 months ago
Coding with Basir
Coding with Basir
Nextjs Tutorial For Beginners - Build Full ECommerce Website By Next.js, MongoDB & Tailwind Demo ... Nextjs Tutorial For Beginners - Build Full ECommerce Website By Next.js, MongoDB & Tailwind Demo ...
From the video description
28:42 ... successfully launched our next application here let's go for the second phase in this lesson and it's adding tailwind to the next js ... ... successfully launched our next application here let's go for the second phase in this lesson and it's adding tailwind to the next js ...
Automatic captions
2:53:19 Now playing

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial

JavaScript Mastery
JavaScript Mastery
Verified
•
•
353K views 2 weeks ago
JavaScript Mastery
JavaScript Mastery
Verified
The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your ... The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your ...
From the video description
Layout | Navigation bar | Hero Section | About Section | Higher Order Component | Experience Section | Projects Section | Testimonials | Contact | 3D Stars | Deployment
11 moments in this video
11 moments

Layout

Layout

17:55

Layout

17:55

Navigation bar

Navigation bar

21:07

Navigation bar

21:07

Hero Section

Hero Section

40:57

Hero Section

40:57

About Section

About Section

1:07:41

About Section

1:07:41

Higher Order Component

Higher Order Component

1:17:09

Higher Order Component

1:17:09

Experience Section

Experience Section

1:23:28

Experience Section

1:23:28

Projects Section

Projects Section

1:44:33

Projects Section

1:44:33
9 Now playing

Blog with NextJS

Amitav Roy
Amitav Roy
•
•
  • NextJs, ReactJs, Laravel | Building a blog with Static Site Generation and Laravel API
    4:06
  • 01 Installing NextJs application and setting up - NextJS tutorial for beginners
    9:29
View full playlist

Shorts

NextJs in 30 seconds

•
•
4.7K views

ReactJS or NextJS

•
•
11K views

NextJS Explained in 30 Seconds

•
•
4.8K views

BEST Way to Deploy NEXT JS Apps! #shorts

•
•
5.8K views

How NEXT JS Works? Next JS Explained #shorts

•
•
18K views

I Built an AI Website With GPT-3 and NextJS in 1 Hour

•
•
1.2K views
8:35 Now playing

Next.js 13.2 Explained!

Vercel
Vercel
•
•
76K views 3 weeks ago
Vercel
Vercel
Timestamps 0:00 – Introduction 0:11 – Built-in SEO support 1:20 – Demo: Metadata API 4:09 – Route Handlers 4:52 – Demo: ... Timestamps 0:00 – Introduction 0:11 – Built-in SEO support 1:20 – Demo: Metadata API 4:09 – Route Handlers 4:52 – Demo: ...
From the video description
CC
Introduction | Built-in SEO support | Demo: Metadata API | Route Handlers | Demo: Custom Route Handlers | Statically typed links | Demo: `next/link` and TypeScript | Improved error overlay | MDX for Server Components, Rust MDX parser, and more!
9 chapters in this video
9 chapters

Introduction

Introduction

0:00

Introduction

0:00

Built-in SEO support

Built-in SEO support

0:11

Built-in SEO support

0:11

Demo: Metadata API

Demo: Metadata API

1:20

Demo: Metadata API

1:20

Route Handlers

Route Handlers

4:09

Route Handlers

4:09

Demo: Custom Route Handlers

Demo: Custom Route Handlers

4:52

Demo: Custom Route Handlers

4:52

Statically typed links

Statically typed links

5:55

Statically typed links

5:55

Demo: `next/link` and TypeScript

Demo: `next/link` and TypeScript

6:14

Demo: `next/link` and TypeScript

6:14
2:12:04 Now playing

Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS

JavaScript Mastery
JavaScript Mastery
Verified
•
•
173K views 3 months ago
JavaScript Mastery
JavaScript Mastery
Verified
Learn how to transform a Figma design into a fully functioning website using Next13, Framer Motion, and Tailwind CSS, build ... Learn how to transform a Figma design into a fully functioning website using Next13, Framer Motion, and Tailwind CSS, build ...
From the video description
Intro | Layout | Navbar | Hero section | About section | Explore section | Get Started and New Features | World and Insights | Feedback and Footer | Deployment
10 chapters in this video
10 chapters

Intro

Intro

0:00

Intro

0:00

Layout

Layout

7:26

Layout

7:26

Navbar

Navbar

13:33

Navbar

13:33

Hero section

Hero section

27:08

Hero section

27:08

About section

About section

41:40

About section

41:40

Explore section

Explore section

55:04

Explore section

55:04

Get Started and New Features

Get Started and New Features

1:14:18

Get Started and New Features

1:14:18
27:05 Now playing

State Management for NextJS 13 Server and Client Components

Jack Herrington
Jack Herrington
Verified
•
•
19K views 4 days ago
Jack Herrington
Jack Herrington
Verified
State management can be difficult. Redux in combination with NextJS 13's app directory with React Server Components is like ... State management can be difficult. Redux in combination with NextJS 13's app directory with React Server Components is like ...
From the video description
New
CC
Introduction | Project Introduction | Project Setup | API Setup | Redux Setup | Redux For Server Sider Rendering (SSR) | Using Redux On The Client | Using RTK Query | Outro
9 chapters in this video
9 chapters

Introduction

Introduction

0:00

Introduction

0:00

Project Introduction

Project Introduction

0:40

Project Introduction

0:40

Project Setup

Project Setup

1:47

Project Setup

1:47

API Setup

API Setup

4:34

API Setup

4:34

Redux Setup

Redux Setup

8:39

Redux Setup

8:39

Redux For Server Sider Rendering (SSR)

Redux For Server Sider Rendering (SSR)

13:06

Redux For Server Sider Rendering (SSR)

13:06

Using Redux On The Client

Using Redux On The Client

16:00

Using Redux On The Client

16:00
5:28:21 Now playing

Build a COMPLETE Fullstack Responsive MERN App with Auth, Likes, Dark Mode | React, MongoDB, MUI

EdRoh
EdRoh
•
•
374K views 4 months ago
EdRoh
EdRoh
——————————— Subscribe to my channel: ... ——————————— Subscribe to my channel: ...
From the video description
4K
Build a Fullstack MERN React Responsive Social Media Application from Scratch | Backend Installation of Node, Visual Studio Code, and Backend Packages | Backend Configurations and Middleware Setup | MongoDB Registering, Installation and Setup | Data Modeling and ERD Diagrams | Authentication and Authorization in Node | User Routes Setup | Post Routes Setup | Backend Data Add and Demo | Frontend Installation and Setup | React Redux File Folder Architecture and React Router | Redux and Toolkit Installation and Setup | Color, Theme, Dark Mode, and Styling Setup | Navbar | Register, Login Pages, and Form | Home Page and Widgets | Posts and Post Widgets | Profile Page | Full Stack MERN React Application Complete
19 chapters in this video
19 chapters

Build a Fullstack MERN React Responsive Social Media Application from Scratch

Build a Fullstack MERN React Responsive Social Media Application from Scratch

0:00

Build a Fullstack MERN React Responsive Social Media Application from Scratch

0:00

Backend Installation of Node, Visual Studio Code, and Backend Packages

Backend Installation of Node, Visual Studio Code, and Backend Packages

5:07

Backend Installation of Node, Visual Studio Code, and Backend Packages

5:07

Backend Configurations and Middleware Setup

Backend Configurations and Middleware Setup

7:44

Backend Configurations and Middleware Setup

7:44

MongoDB Registering, Installation and Setup

MongoDB Registering, Installation and Setup

16:06

MongoDB Registering, Installation and Setup

16:06

Data Modeling and ERD Diagrams

Data Modeling and ERD Diagrams

21:31

Data Modeling and ERD Diagrams

21:31

Authentication and Authorization in Node

Authentication and Authorization in Node

26:08

Authentication and Authorization in Node

26:08

User Routes Setup

User Routes Setup

59:07

User Routes Setup

59:07
6:17 Now playing

Difference Between ReactJS And NextJS - Hindi

Hindi Tech Tutorials
Hindi Tech Tutorials
Verified
•
•
12K views 6 months ago
Hindi Tech Tutorials
Hindi Tech Tutorials
Verified
In this video i will explain the difference between what is React JS and what is Next JS what are both things and how they work. In this video i will explain the difference between what is React JS and what is Next JS what are both things and how they work.
From the video description
31:13 Now playing

Building a Native Mobile App with Next.js and Capacitor

Simon Grimm
Simon Grimm
•
•
12K views 5 months ago
Simon Grimm
Simon Grimm
If you are using Next.js you can easily add Capacitor to your project and build a native mobile app from one code base! If you are using Next.js you can easily add Capacitor to your project and build a native mobile app from one code base!
From the video description
Introduction | About Capacitor | Next.js Project Setup | Adding Capacitor to Next.js Projects | Using Capacitor Plugins | Adding Ionic UI Components to Next.js | Outro
7 chapters in this video
7 chapters

Introduction

Introduction

0:00

Introduction

0:00

About Capacitor

About Capacitor

1:21

About Capacitor

1:21

Next.js Project Setup

Next.js Project Setup

3:26

Next.js Project Setup

3:26

Adding Capacitor to Next.js Projects

Adding Capacitor to Next.js Projects

6:32

Adding Capacitor to Next.js Projects

6:32

Using Capacitor Plugins

Using Capacitor Plugins

13:30

Using Capacitor Plugins

13:30

Adding Ionic UI Components to Next.js

Adding Ionic UI Components to Next.js

17:37

Adding Ionic UI Components to Next.js

17:37

Outro

Outro

29:36

Outro

29:36
4:33:25 Now playing

Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

Code With Antonio
Code With Antonio
•
•
9.5K views 9 days ago
Code With Antonio
Code With Antonio
In this tutorial, we'll be building a Twitter clone with React, Tailwind CSS, Next.JS, Prisma and MongoDB. We'll also be deploying ... In this tutorial, we'll be building a Twitter clone with React, Tailwind CSS, Next.JS, Prisma and MongoDB. We'll also be deploying ...
From the video description
10:17:45 Now playing

Easily Create a Modern ECommerce Website Using React Js (HTML, CSS, Bootstrap5 and React) in 2023!

Developers Corner
Developers Corner
•
•
172K views 3 months ago
Developers Corner
Developers Corner
Easily Create a Modern ECommerce Website Using React Js (HTML, CSS, Bootstrap5 and React) in 2023! Learn How To Build A ... Easily Create a Modern ECommerce Website Using React Js (HTML, CSS, Bootstrap5 and React) in 2023! Learn How To Build A ...
From the video description
3:29:32 Now playing

🔴 Let’s build a WEB SCRAPER with React! (Next.js 13.2, Firebase, Webhooks, TypeScript, Bright Data)

Sonny Sangha
Sonny Sangha
Verified
•
•
41K views Streamed 2 weeks ago
Sonny Sangha
Sonny Sangha
Verified
Join me as show you how to build a WEB SCRAPER with Next.js 13.2. You'll learn the following in this build: How to scrape ... Join me as show you how to build a WEB SCRAPER with Next.js 13.2. You'll learn the following in this build: How to scrape ...
From the video description
Introduction | Build Showcase & Tech | Bright Data Sponsorship | Zero to Full Stack Hero | Setting up Next.js & Tailwind CSS | Implementing Next.js 13 Features | Build Layout | Implementing Heroicons | Building the Home Page (1/2) | Building the Sidebar Component (1/2) | Building the Header Component | Trying the New Next.js v13.2 Route Handler | Setting Up Bright Data | Explaining the Complete Build Flow | Setting up Firebase | Setting up Cloud Functions | Implementing the onScrapperComplete Webhook | Explaining ngrok | Implementing ngrok | Implementing a Cloud Firestore Database (1/2) | Setting up Firebase Admin | Implementing a Cloud Firestore Database (2/2) | Initiating a Request / Response to Bright Data using an API | Implementing an API Call to Bright Data to Activate Scrapper | Setting Up Client Access to the Cloud Firestore Database | Implementing Dynamic Routing based on Bright Data Response | Implementing React Firebase Hooks Library | Implementing a Loading / Pending State | Building the Results Component (1/2) | Setting up Type Definitions | Building the Results Component (2/2) | Building the Sidebar Component (2/2) | Building the Sidebar Row Component (1/2) | Implementing React Spin Kit Library | Building the Sidebar Row Component (2/2) | Implementing Loading Animations | Implementing React Hot Toast Notifications | Deploying the Backend of the Build | Deploying to Vercel | Final Build Demo | Build Summary | Outro
42 chapters in this video
42 chapters

Introduction

Introduction

0:00

Introduction

0:00

Build Showcase & Tech

Build Showcase & Tech

1:07

Build Showcase & Tech

1:07

Bright Data Sponsorship

Bright Data Sponsorship

4:08

Bright Data Sponsorship

4:08

Zero to Full Stack Hero

Zero to Full Stack Hero

6:53

Zero to Full Stack Hero

6:53

Setting up Next.js & Tailwind CSS

Setting up Next.js & Tailwind CSS

8:11

Setting up Next.js & Tailwind CSS

8:11

Implementing Next.js 13 Features

Implementing Next.js 13 Features

10:19

Implementing Next.js 13 Features

10:19

Build Layout

Build Layout

16:21

Build Layout

16:21
4:04:25 Now playing

Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode

EdRoh
EdRoh
•
•
605K views 5 months ago
EdRoh
EdRoh
React Admin Dashboard Tutorial from scratch. We will be using React, Material UI, Nivo Charts, Formik, Yup, FullCalendar, and ... React Admin Dashboard Tutorial from scratch. We will be using React, Material UI, Nivo Charts, Formik, Yup, FullCalendar, and ...
From the video description
4K
Demonstration of a Complete React Admin Dashboard | Why build this React Admin Dashboard? | Installation | Code Setup | File and Folder Architecture | Theme with Light and Dark Mode | Appbar aka Topbar | Router Setup | Navbar aka Sidebar with React Pro Sidebar | Tables with Mui Data Grid | Profile Form with Formik and Yup | Calendar using FullCalendar Package | FAQ Page with MUI Accordion | Bar, Line, Pie and Geography Charts with Nivo Charts | Dashboard | Final Demo of Dashboard | Fully Built Complete React Admin Dashboard
17 chapters in this video
17 chapters

Demonstration of a Complete React Admin Dashboard

Demonstration of a Complete React Admin Dashboard

0:00

Demonstration of a Complete React Admin Dashboard

0:00

Why build this React Admin Dashboard?

Why build this React Admin Dashboard?

3:12

Why build this React Admin Dashboard?

3:12

Installation

Installation

3:47

Installation

3:47

Code Setup

Code Setup

7:28

Code Setup

7:28

File and Folder Architecture

File and Folder Architecture

12:31

File and Folder Architecture

12:31

Theme with Light and Dark Mode

Theme with Light and Dark Mode

17:41

Theme with Light and Dark Mode

17:41

Appbar aka Topbar

Appbar aka Topbar

36:47

Appbar aka Topbar

36:47
21:58 Now playing

I built the same app 10 times // Which JS Framework is best?

Fireship
Fireship
Verified
•
•
1.9M views 1 year ago
Fireship
Fireship
Verified
#javascript #webdev #top10 Resources Full Courses https://fireship.io/courses/ Performance Benchmarks ... #javascript #webdev #top10 Resources Full Courses https://fireship.io/courses/ Performance Benchmarks ...
From the video description
4K
JavaScript Frameworks | 1. Vanilla | 2. React | 3. Angular | 4. Vue | 5. Svelte | 6. Lit | 7. Stencil | 8. Solid | 9. Alpine | 10. Mithril
11 chapters in this video
11 chapters

JavaScript Frameworks

JavaScript Frameworks

0:00

JavaScript Frameworks

0:00

1. Vanilla

1. Vanilla

0:53

1. Vanilla

0:53

2. React

2. React

4:21

2. React

4:21

3. Angular

3. Angular

7:48

3. Angular

7:48

4. Vue

4. Vue

10:15

4. Vue

10:15

5. Svelte

5. Svelte

12:18

5. Svelte

12:18

6. Lit

6. Lit

14:16

6. Lit

14:16
2:57:15 Now playing

Build and Deploy a Better Spotify 2.0 Clone Music App with React 18! (Tailwind, Redux, RapidAPI)

JavaScript Mastery
JavaScript Mastery
Verified
•
•
269K views 5 months ago
JavaScript Mastery
JavaScript Mastery
Verified
Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music ... Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music ...
From the video description
Intro | Setup | Discover Section | Rapid API Music Fetching | Loader Component | Error Component | Song Card Component | Play/Pause Functionality | Sidebar | Top Play Section | Top Chart Card | Top Artist - Swiper Component | Song Details Page | Artist Details Page | Around You, Top Charts & Artists | Search | Deployment
17 chapters in this video
17 chapters

Intro

Intro

0:00

Intro

0:00

Setup

Setup

6:31

Setup

6:31

Discover Section

Discover Section

12:38

Discover Section

12:38

Rapid API Music Fetching

Rapid API Music Fetching

23:50

Rapid API Music Fetching

23:50

Loader Component

Loader Component

39:16

Loader Component

39:16

Error Component

Error Component

40:50

Error Component

40:50

Song Card Component

Song Card Component

41:50

Song Card Component

41:50
43:08 Now playing

Next.js Data Fetching, Dynamic Routes & Metadata | Nextjs 13

Dave Gray
Dave Gray
•
•
10K views 2 weeks ago
Dave Gray
Dave Gray
Learn about Next.js Data Fetching, Dynamic Routes & Metadata in this third lesson of the Nextjs 13 tutorial series. We'll use server ... Learn about Next.js Data Fetching, Dynamic Routes & Metadata in this third lesson of the Nextjs 13 tutorial series. We'll use server ...
From the video description
Next.js Update
16 chapters in this video
16 chapters

Intro

Intro

0:00

Intro

0:00

Welcome

Welcome

0:05

Welcome

0:05

Next.js Update

Next.js Update

0:26

Next.js Update

0:26

Create New Project | Note Changes

Create New Project | Note Changes

0:42

Create New Project | Note Changes

0:42

Static Metadata

Static Metadata

3:34

Static Metadata

3:34

Quick Setup

Quick Setup

5:14

Quick Setup

5:14

4 Next.js Data Fetching Recommendations

4 Next.js Data Fetching Recommendations

7:34

4 Next.js Data Fetching Recommendations

7:34
23 Now playing

E commerce website using Next js in Hindi

CODERS NEVER QUIT
CODERS NEVER QUIT
•
•
  • #0 Introduction to Next js | React Server Side Rendering using Next js | Next js tutorial in Hindi
    9:19
  • #1 - Project Overview | E commerce using Next js | Next js tutorial in Hindi
    6:34
View full playlist
3:39:50 Now playing

🔴 Let’s build ChatGPT Messenger 2.0 with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript)

Sonny Sangha
Sonny Sangha
Verified
•
•
402K views Streamed 1 month ago
Sonny Sangha
Sonny Sangha
Verified
Join me as show you how to build a ChatGPT Messenger 2.0 app with Next.js 13. You'll learn the following in this build: How to ... Join me as show you how to build a ChatGPT Messenger 2.0 app with Next.js 13. You'll learn the following in this build: How to ...
From the video description
Setting up Next.js & Tailwind CSS
49 chapters in this video
49 chapters

Introduction

Introduction

0:00

Introduction

0:00

Build Showcase

Build Showcase

1:03

Build Showcase

1:03

Build Tech

Build Tech

6:01

Build Tech

6:01

Hostinger Sponsorship

Hostinger Sponsorship

8:35

Hostinger Sponsorship

8:35

Zero to Full Stack Hero & University of Code

Zero to Full Stack Hero & University of Code

9:50

Zero to Full Stack Hero & University of Code

9:50

Setting up OpenAI API Key (1/3)

Setting up OpenAI API Key (1/3)

11:08

Setting up OpenAI API Key (1/3)

11:08

Setting up Firebase

Setting up Firebase

13:00

Setting up Firebase

13:00
5:21 Now playing

Why React.js is taking a new direction

Academind
Academind
Verified
•
•
312K views 1 month ago
Academind
Academind
Verified
React.js is super popular. Like ... really, extremely popular. But it's also changing. Slowly but steadily. Not alone but instead with its ... React.js is super popular. Like ... really, extremely popular. But it's also changing. Slowly but steadily. Not alone but instead with its ...
From the video description
4K
CC
16:44 Now playing

Next.js Tutorial for Beginners | Next.js 13

Dave Gray
Dave Gray
•
•
19K views 1 month ago
Dave Gray
Dave Gray
In this Next.js tutorial for beginners you will learn what Next.js is, the benefits of Next.js, why companies are choosing Next.js, and ... In this Next.js tutorial for beginners you will learn what Next.js is, the benefits of Next.js, why companies are choosing Next.js, and ...
From the video description
Why Next.js?
14 chapters in this video
14 chapters

Intro

Intro

0:00

Intro

0:00

Welcome

Welcome

0:09

Welcome

0:09

Defining "Beginners" & Prerequisites

Defining "Beginners" & Prerequisites

0:30

Defining "Beginners" & Prerequisites

0:30

Why Next.js?

Why Next.js?

1:12

Why Next.js?

1:12

What is pre-rendering?

What is pre-rendering?

3:22

What is pre-rendering?

3:22

SSG = Static Site Generation

SSG = Static Site Generation

4:26

SSG = Static Site Generation

4:26

SSR = Server-side Rendering

SSR = Server-side Rendering

5:02

SSR = Server-side Rendering

5:02
1:01:47 Now playing

Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machine Learning

JavaScript Mastery
JavaScript Mastery
Verified
•
•
561K views 2 months ago
JavaScript Mastery
JavaScript Mastery
Verified
With an elegant user interface that resembles the ChatGPT app, communication with advanced GPT3 model API, and most ... With an elegant user interface that resembles the ChatGPT app, communication with advanced GPT3 model API, and most ...
From the video description
Intro | Demo | Setup | ChatGPT Frontend | OpenAI Server | Connecting client and server | Deployment
7 chapters in this video
7 chapters

Intro

Intro

0:00

Intro

0:00

Demo

Demo

2:29

Demo

2:29

Setup

Setup

4:54

Setup

4:54

ChatGPT Frontend

ChatGPT Frontend

11:26

ChatGPT Frontend

11:26

OpenAI Server

OpenAI Server

25:58

OpenAI Server

25:58

Connecting client and server

Connecting client and server

39:05

Connecting client and server

39:05

Deployment

Deployment

50:57

Deployment

50:57
You're signed out of YouTube Sign in to like videos, comment, and subscribe.
If playback doesn't begin shortly, try restarting your device.
Includes paid promotion
Full screen is unavailable. Learn More
0:00 / 0:00•Watch full video
1:56:57
Switch camera
Share
An error occurred while retrieving sharing information. Please try again later.
0:00
0:05 / 10:17:44•Watch full video
Watch later
Watch later
Add to queue
Add to queue

•
•
  • next js web app
  • next js web application
  • next js web app example
  • next js web api
  • Report search predictions